<template>
  <div class="app-container">
    <el-row style="text-align: center;">
      <el-col>
        <img style="width: 50px; height: 50px; vertical-align: middle;" :src="img" alt="Logo">
        <span
          style="display: inline-block; height: 50px; line-height: 50px; vertical-align: middle; margin-left: 10px;">
          工业废气排放智能监控系统
        </span>
      </el-col>
    </el-row>
  </div>
</template>
<script>
export default {
  name: 'Overview',
  props: {
    // define props here
  },
  data() {
    return {
      img: process.env.VUE_APP_BASE_API + '/profile/images/logo.png'
      // data properties here
    }
  },
  computed: {
    // computed properties here
  },
  watch: {
    // watch properties here
  },
  methods: {
    // methods go here
  },
  beforeCreate() {
    console.log('beforeCreate');
  },
  created() {
    console.log('created');
  },
  beforeMount() {
    console.log('beforeMount');
  },
  mounted() {
    console.log('mounted');
  },
  beforeUpdate() {
    console.log('beforeUpdate');
  },
  updated() {
    console.log('updated');
  },
  beforeDestroy() {
    console.log('beforeDestroy');
  },
  destroyed() {
    console.log('destroyed');
  },
}
</script>
<style scoped>
/* CSS goes here */
</style>